<style>

</style>

<template>
  <div class="couriersXq" style="width: 90%;">
    <h3 style="margin-top: 10px;margin-bottom: 10px"><i class="el-icon-document-copy" style="margin-right: 10px"></i>配送员详情
    </h3>
    <div style="display: flex;height: 170px;padding: 0.5%;background-color: #EFF2FC">
      <div style="width: 29%;padding-left: 80px">
        <img  :src="couriers.img" height="155px">
      </div>
      <div style="width: 69%;padding-top: 15px">
        <div>
          <div style="display: grid;grid-template-columns: repeat(3, 1fr);height: 50px">
            <div>骑手ID：{{ couriers.id }}</div>
            <div>账户余额：{{ couriers.ye}}</div>
            <div>登录密码：{{ couriers.pwd==null?'未设置':'已设置'}}</div>
          </div>
        </div>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr);height: 50px">
          <div>真实姓名：{{ couriers.name }}</div>
          <div>完成订单：近90日完成{{ couriers.count }}单</div>
          <div>支付密码：{{ couriers.zfpwd==null?'未设置':'已设置' }}</div>
        </div>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr);height: 50px">
          <div>手机号码：{{ couriers.tel}}</div>
          <div>评分：{{couriers.score}}分</div>
          <div>状态：{{ couriers.status==1?'未开通':couriers.status==2?'接单中':couriers.status==3?'休息中':couriers.status==4?'已离职':'已注销'}}</div>

        </div>
      </div>
    </div>


    <el-tabs v-model="activeTab" type="card" style="width: 1300px;border: none;margin-top: 10px">
    <el-tab-pane label="基本信息" name="a">
      <el-card style="border-color:white">
            <div style="display: flex;margin-top: 10px;width: 100%; ">
              <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
                <p style="margin-bottom: 30px">真实姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ couriers.name }}</p>
                <p style="margin-bottom: 30px">手机号码：&nbsp;&nbsp;&nbsp;{{ couriers.tel}}</p>
                <p style="margin-bottom: 30px">邮箱：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.email }}</p>
                <p style="margin-bottom: 30px">工作类型：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ couriers.type==1?'全职专送':'兼职众包' }}</p>
                <p style="margin-bottom: 30px">工作城市：&nbsp;&nbsp;&nbsp;{{ couriers.address}}</p>
                <p style="margin-bottom: 30px">工作地点：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ couriers.xxAddress}}</p>
                <p style="margin-bottom: 30px">所属站点：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ couriers.dname }}</p>
                <p style="margin-bottom: 30px">骑手状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ couriers.status==1?'未开通':couriers.status==2?'接单中':couriers.status==3?'休息中':couriers.status==4?'已离职':'已注销' }}</p><br><br><br>
                <p style="margin-bottom: 30px">注册时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.enrollTime}}</p>
                <p style="margin-bottom: 30px">开通时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.ktime}}</p>
                <p style="margin-bottom: 30px">最后登录时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.loginTime}}</p>

              </div>
            </div>
      </el-card>
    </el-tab-pane>
<!--      <el-tab-pane label="店铺管理" name="b">-->
<!--        <el-card style="border-color:white">-->
<!--        </el-card>-->
<!--      </el-tab-pane>-->
      <el-tab-pane label="实名认证" name="c">
        <el-card style="border-color:white">
          <p style="margin-bottom: 30px">认证状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.authentication==1?'未认证':'已认证'}}</p>
          <p style="margin-bottom: 30px">真实姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.name}}</p>
          <p style="margin-bottom: 30px">性别：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.sex}}</p>
          <p style="margin-bottom: 30px">证件类型：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.zjType}}</p>
          <p style="margin-bottom: 30px">证件号码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.zjHm}}</p>
          <p style="margin-bottom: 30px">证件有效期：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.ytime}}</p>
          <p style="margin-bottom: 30px">证件照正面图：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img  :src="couriers.zjZimg" height="155px"></p>
          <p style="margin-bottom: 30px">证件照反面图：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img  :src="couriers.zjBimg" height="155px"></p>
        </el-card>
      </el-tab-pane>



      <el-tab-pane label="账户信息" name="e">
        <el-card style="border-color:white">
          <div style="display: flex;margin-top: 10px;width: 100%; ">
            <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
              <p style="margin-bottom: 30px">账户余额：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.ye}}</p>
              <p style="margin-bottom: 30px">支付密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.pwd==null?'未设置':'已设置'}}</p>
              <p style="margin-bottom: 30px">账户状态：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.zhStatus==1?'正常':'不正常'}}</p>
            </div>
          </div>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="银行卡信息" name="h">
        <el-card style="border-color:white"  >
          <div style="display: flex;margin-top: 10px;width: 100%; " v-for="item in couriers.xmBankcards">
            <div style="width: 32%;padding-top: 20px;margin-right:10px;padding-left: 20px">
              <p style="margin-bottom: 30px">序号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.id}}</p>
              <p style="margin-bottom: 30px" >开户银行：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.khCard}}</p>
              <p style="margin-bottom: 30px" >银行卡号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.bankCard}}</p>
              <p style="margin-bottom: 30px" >开户人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{couriers.name}}</p>
              <p style="margin-bottom: 30px" >预留手机号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.tel}}</p>
            </div>
          </div>

        </el-card>
      </el-tab-pane>
    </el-tabs>




  </div>
</template>

<script>

export default {
  data() {
    return {
      couriers:{},
      activeTab:'a',
    }
  },
  methods: {
    //    获取商家的方法
    findAllCouriers(){
      var item = localStorage.getItem("couriers");
      this.couriers = JSON.parse(item);
      console.log(this.couriers)
    },
  },

  created() {
    this.findAllCouriers();
  },
}
</script>